<!DOCTYPE html>
<html class="writing-horizontal-tb h-full w-full" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1"
      name="viewport"
    />
    <link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="152x152" href="./favicon.png" />
    <link
      rel="icon"
      type="image/png"
      sizes="32x32"
      href="./icons/regular-icon@32x32.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="16x16"
      href="./icons/regular-icon@16x16.png"
    />
    <link rel="manifest" href="./manifest.webmanifest" />
    <meta name="theme-color" content="#37474f" />
    <link rel="mask-icon" href="./safari-pinned-tab.svg" color="#37474f" />
    <meta http-equiv="content-security-policy" content="">
		<link href="./_app/immutable/assets/_layout-458bc673.css" rel="stylesheet">
		<link href="./_app/immutable/assets/store-ad073191.css" rel="stylesheet">
		<link href="./_app/immutable/assets/fa-32503cb2.css" rel="stylesheet">
		<link rel="modulepreload" href="./_app/immutable/start-31285994.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/index-be8ea2fc.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/singletons-6176161c.js">
		<link rel="modulepreload" href="./_app/immutable/components/pages/_layout.svelte-9a3342ae.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/stores-6a6870f3.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/store-fb60485f.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/error-handler-df8dffd6.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/fonts-e5a631ed.js">
		<link rel="modulepreload" href="./_app/immutable/components/pages/settings/_page.svelte-2a445305.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/format-page-title-2ca75b98.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/fa-33dddbd3.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/merged-header-icon-5b1d438d.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/theme-option-f9f8f697.js">
		<script>
			if ('serviceWorker' in navigator) {
				addEventListener('load', function () {
					navigator.serviceWorker.register('./service-worker.js');
				});
			}
		</script><title>Settings | ッツ Ebook Reader</title><!-- HEAD_svelte-1h7w4y4_START --><meta name="robots" content="index,follow"><meta name="googlebot" content="index,follow"><meta name="description" content="Online e-book reader that supports Yomichan"><link rel="canonical" href="https://reader.ttsu.app/settings"><meta property="og:url" content="https://reader.ttsu.app/settings">

    <meta property="og:type" content="website">
      

    <meta property="og:title" content="ッツ Ebook Reader">

    <meta property="og:description" content="Online e-book reader that supports Yomichan">

    <meta property="og:image" content="https://reader.ttsu.app/icons/regular-icon@512x512.png">
        
        <meta property="og:image:width" content="512">
        <meta property="og:image:height" content="512">

    

    

    <!-- HEAD_svelte-1h7w4y4_END --><!-- HEAD_svelte-1mss3mt_START --><!-- HEAD_svelte-1mss3mt_END -->
  </head>
  <body class="h-full w-full break-words font-sans">
    <div class="h-full w-full">








<div class="elevation-4 fixed inset-x-0 top-0 z-10"><div class="relative h-12 bg-gray-700 text-white xl:h-10"><div class="px-4 md:px-8 lg:max-w-4xl xl:max-w-none 2xl:max-w-6xl mx-auto flex px-0 md:px-5"><div class="h12 flex grow justify-evenly xl:h-10"><button class="flex grow flex-col items-center justify-center text-xs bg-gray-900"><svg class="svelte-fa mb-1 svelte-1w3t65e" style="height:1em;vertical-align:-.125em;transform-origin:center;overflow:visible" viewBox="0 0 512 512" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg"><g transform="translate(256 256)" transform-origin="128 0"><g transform="translate(0,0) scale(1,1)"><path d="M352 96c0 53-43 96-96 96s-96-43-96-96s43-96 96-96s96 43 96 96zM240 248V512l-48.4-24.2c-20.9-10.4-43.5-17-66.8-19.3l-96-9.6C12.5 457.2 0 443.5 0 427V224c0-17.7 14.3-32 32-32H62.3c63.6 0 125.6 19.6 177.7 56zm32 264V248c52.1-36.4 114.1-56 177.7-56H480c17.7 0 32 14.3 32 32V427c0 16.4-12.5 30.2-28.8 31.8l-96 9.6c-23.2 2.3-45.9 8.9-66.8 19.3L272 512z" fill="currentColor" transform="translate(-256 -256)"></path></g></g></svg>
          Reader
          <span class="absolute inset-0 h-full w-full">
  
  </span>
        </button><button class="flex grow flex-col items-center justify-center text-xs  hover:bg-gray-900"><svg class="svelte-fa mb-1 svelte-1w3t65e" style="height:1em;vertical-align:-.125em;transform-origin:center;overflow:visible" viewBox="0 0 448 512" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg"><g transform="translate(224 256)" transform-origin="112 0"><g transform="translate(0,0) scale(1,1)"><path d="M448 80v48c0 44.2-100.3 80-224 80S0 172.2 0 128V80C0 35.8 100.3 0 224 0S448 35.8 448 80zM393.2 214.7c20.8-7.4 39.9-16.9 54.8-28.6V288c0 44.2-100.3 80-224 80S0 332.2 0 288V186.1c14.9 11.8 34 21.2 54.8 28.6C99.7 230.7 159.5 240 224 240s124.3-9.3 169.2-25.3zM0 346.1c14.9 11.8 34 21.2 54.8 28.6C99.7 390.7 159.5 400 224 400s124.3-9.3 169.2-25.3c20.8-7.4 39.9-16.9 54.8-28.6V432c0 44.2-100.3 80-224 80S0 476.2 0 432V346.1z" fill="currentColor" transform="translate(-224 -256)"></path></g></g></svg>
          Data
          <span class="absolute inset-0 h-full w-full">
  
  </span>
        </button></div>
    <a href="/manage"><div class="flex justify-center select-none items-center h-12 w-12 cursor-pointer text-xl xl:h-10 xl:w-10 xl:text-lg p-3 xl:p-2.5 opacity-60 hover:opacity-100 transition-opacity"><svg class="svelte-fa  svelte-1w3t65e" style="height:1em;vertical-align:-.125em;transform-origin:center;overflow:visible" viewBox="0 0 512 512" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg"><g transform="translate(256 256)" transform-origin="128 0"><g transform="translate(0,0) scale(1,1)"><path d="M160 96c17.7 0 32-14.3 32-32s-14.3-32-32-32H96C43 32 0 75 0 128V384c0 53 43 96 96 96h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H96c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32h64zM504.5 273.4c4.8-4.5 7.5-10.8 7.5-17.4s-2.7-12.9-7.5-17.4l-144-136c-7-6.6-17.2-8.4-26-4.6s-14.5 12.5-14.5 22v72H192c-17.7 0-32 14.3-32 32l0 64c0 17.7 14.3 32 32 32H320v72c0 9.6 5.7 18.2 14.5 22s19 2 26-4.6l144-136z" fill="currentColor" transform="translate(-256 -256)"></path></g></g></svg></div></a></div></div></div>

<div class="px-4 md:px-8 lg:max-w-4xl xl:max-w-none 2xl:max-w-6xl mx-auto h-full pt-16 xl:pt-14"><div class="max-w-5xl"><div class="grid grid-cols-1 items-center sm:grid-cols-2 sm:gap-6 lg:md:gap-8 lg:grid-cols-3"><div class="lg:col-span-2"><section class="pb-8 md:pb-3"><div class="flex"><h2 class="mb-2 text-xl font-medium"><span class="capitalize">Theme</span></h2>
    </div>
  <div><div class="-m-1"><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg border-4 border-blue-300 bg-gray-700 text-white" style="color: rgba(0, 0, 0, 0.87);background-color: rgba(255, 255, 255, 1)">ぁあ
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg     bg-white" style="color: rgba(0, 0, 0, 0.87);background-color: rgba(247, 246, 235, 1)">ぁあ
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg     bg-white" style="color: rgba(0, 0, 0, 0.87);background-color: rgba(223, 236, 244, 1)">ぁあ
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg     bg-white" style="color: rgba(255, 255, 255, 0.87);background-color: rgba(35, 39, 42, 1)">ぁあ
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg     bg-white" style="color: rgba(255, 255, 255, 0.6);background-color: rgba(18, 18, 18, 1)">ぁあ
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg     bg-white" style="color: rgba(255, 255, 255, 0.87);background-color: rgba(0, 0, 0, 1)">ぁあ
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button></div></div></section></div>
    <div class="h-full"><section class="pb-8 md:pb-3"><div class="flex"><h2 class="mb-2 text-xl font-medium"><span class="capitalize">View mode</span></h2>
    </div>
  <div><div class="-m-1"><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg     bg-white" style="">Continuous
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg  border-blue-300 bg-gray-700 text-white" style="">Paginated
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button></div></div></section></div>
    <section class="pb-8 md:pb-3"><div class="flex"><h2 class="mb-2 text-xl font-medium"><span class="capitalize">Font family (Group 1)</span></h2>
    <div slot="header" class="flex items-center"><div data-popover class="flex items-center"><div></div>
  <div><svg class="svelte-fa mx-2 svelte-1w3t65e" style="height:1em;vertical-align:-.125em;transform-origin:center;overflow:visible" viewBox="0 0 448 512" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg"><g transform="translate(224 256)" transform-origin="112 0"><g transform="translate(0,0) scale(1,1)"><path d="M254 52.8C249.3 40.3 237.3 32 224 32s-25.3 8.3-30 20.8L57.8 416H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32h-1.8l18-48H303.8l18 48H320c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H390.2L254 52.8zM279.8 304H168.2L224 155.1 279.8 304z" fill="currentColor" transform="translate(-224 -256)"></path></g></g></svg></div></div>


        </div></div>
  <div><input type="text" class="mt-1 block w-full px-0.5 bg-background-color border-0 border-b-2 border-gray-400/50 focus:ring-0 focus:border-black transition" placeholder="Noto Serif JP" value=""></div></section>
    <section class="pb-8 md:pb-3"><div class="flex"><h2 class="mb-2 text-xl font-medium"><span class="capitalize">Font family (Group 2)</span></h2>
    <div slot="header" class="flex items-center"><div data-popover class="flex items-center"><div></div>
  <div><svg class="svelte-fa mx-2 svelte-1w3t65e" style="height:1em;vertical-align:-.125em;transform-origin:center;overflow:visible" viewBox="0 0 448 512" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg"><g transform="translate(224 256)" transform-origin="112 0"><g transform="translate(0,0) scale(1,1)"><path d="M254 52.8C249.3 40.3 237.3 32 224 32s-25.3 8.3-30 20.8L57.8 416H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32h-1.8l18-48H303.8l18 48H320c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H390.2L254 52.8zM279.8 304H168.2L224 155.1 279.8 304z" fill="currentColor" transform="translate(-224 -256)"></path></g></g></svg></div></div>


        </div></div>
  <div><input type="text" class="mt-1 block w-full px-0.5 bg-background-color border-0 border-b-2 border-gray-400/50 focus:ring-0 focus:border-black transition" placeholder="Noto Sans JP" value=""></div></section>
    <section class="pb-8 md:pb-3"><div class="flex"><h2 class="mb-2 text-xl font-medium"><span class="capitalize">Font size</span></h2>
    </div>
  <div><input type="number" class="mt-1 block w-full px-0.5 bg-background-color border-0 border-b-2 border-gray-400/50 focus:ring-0 focus:border-black transition" step="1" min="1" value="20"></div></section>
    <section class="pb-8 md:pb-3"><div class="flex"><h2 class="mb-2 text-xl font-medium"><span class="capitalize">Line Height</span></h2>
    </div>
  <div><input type="number" class="mt-1 block w-full px-0.5 bg-background-color border-0 border-b-2 border-gray-400/50 focus:ring-0 focus:border-black transition" step="0.05" min="1" value="1.65"></div></section>
    <section class="pb-8 md:pb-3"><div class="flex"><h2 class="mb-2 text-xl font-medium"><span class="capitalize">Reader Left/right margin</span></h2>
    <div data-popover class="flex items-center"><div></div>
  <div><svg class="svelte-fa mx-2 svelte-1w3t65e" style="height:1em;vertical-align:-.125em;transform-origin:center;overflow:visible" viewBox="0 0 576 512" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg"><g transform="translate(288 256)" transform-origin="144 0"><g transform="translate(0,0) scale(1,1)"><path d="M352 64c0 17.7 14.3 32 32 32h16v64H384c-17.7 0-32 14.3-32 32s14.3 32 32 32h48 48c17.7 0 32-14.3 32-32s-14.3-32-32-32H464V64c0-17.7-14.3-32-32-32H384c-17.7 0-32 14.3-32 32zM160 480c9 0 17.5-3.8 23.6-10.4l88-96c11.9-13 11.1-33.3-2-45.2s-33.3-11.1-45.2 2L192 365.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32V365.7L95.6 330.4c-11.9-13-32.2-13.9-45.2-2s-13.9 32.2-2 45.2l88 96C142.5 476.2 151 480 160 480zM445.7 364.9c-4.2 2-8.8 3.1-13.7 3.1c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32c0 12.8-7.5 23.8-18.3 28.9zm-40.7 54.9l-6.8 9.2c-10.5 14.2-7.5 34.2 6.7 44.8s34.2 7.5 44.8-6.7l48.8-65.8c14-18.9 21.5-41.7 21.5-65.2c0-48.6-39.4-88-88-88s-88 39.4-88 88c0 39.2 25.6 72.4 61.1 83.8z" fill="currentColor" transform="translate(-288 -256)"></path></g></g></svg></div></div>

</div>
  <div><input type="number" class="mt-1 block w-full px-0.5 bg-background-color border-0 border-b-2 border-gray-400/50 focus:ring-0 focus:border-black transition" step="1" min="0" value="0"></div></section>
    <section class="pb-8 md:pb-3"><div class="flex"><h2 class="mb-2 text-xl font-medium"><span class="capitalize">Reader Max height</span></h2>
    <div data-popover class="flex items-center"><div></div>
  <div><svg class="svelte-fa mx-2 svelte-1w3t65e" style="height:1em;vertical-align:-.125em;transform-origin:center;overflow:visible" viewBox="0 0 576 512" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg"><g transform="translate(288 256)" transform-origin="144 0"><g transform="translate(0,0) scale(1,1)"><path d="M352 64c0 17.7 14.3 32 32 32h16v64H384c-17.7 0-32 14.3-32 32s14.3 32 32 32h48 48c17.7 0 32-14.3 32-32s-14.3-32-32-32H464V64c0-17.7-14.3-32-32-32H384c-17.7 0-32 14.3-32 32zM160 480c9 0 17.5-3.8 23.6-10.4l88-96c11.9-13 11.1-33.3-2-45.2s-33.3-11.1-45.2 2L192 365.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32V365.7L95.6 330.4c-11.9-13-32.2-13.9-45.2-2s-13.9 32.2-2 45.2l88 96C142.5 476.2 151 480 160 480zM445.7 364.9c-4.2 2-8.8 3.1-13.7 3.1c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32c0 12.8-7.5 23.8-18.3 28.9zm-40.7 54.9l-6.8 9.2c-10.5 14.2-7.5 34.2 6.7 44.8s34.2 7.5 44.8-6.7l48.8-65.8c14-18.9 21.5-41.7 21.5-65.2c0-48.6-39.4-88-88-88s-88 39.4-88 88c0 39.2 25.6 72.4 61.1 83.8z" fill="currentColor" transform="translate(-288 -256)"></path></g></g></svg></div></div>

</div>
  <div><input type="number" class="mt-1 block w-full px-0.5 bg-background-color border-0 border-b-2 border-gray-400/50 focus:ring-0 focus:border-black transition" step="1" min="0" value="0"></div></section>
    <section class="pb-8 md:pb-3"><div class="flex"><h2 class="mb-2 text-xl font-medium"><div data-popover class="flex items-center"><div><span class="capitalize">Swipe Threshold</span></div>
  <div><svg class="svelte-fa mx-2 svelte-1w3t65e" style="height:1em;vertical-align:-.125em;transform-origin:center;overflow:visible" viewBox="0 0 512 512" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg"><g transform="translate(256 256)" transform-origin="128 0"><g transform="translate(0,0) scale(1,1)"><path d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM288 352c0 17.7-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32z" fill="currentColor" transform="translate(-256 -256)"></path></g></g></svg></div></div>

</h2>
    </div>
  <div><input type="number" step="1" min="10" class="mt-1 block w-full px-0.5 bg-background-color border-0 border-b-2 border-gray-400/50 focus:ring-0 focus:border-black transition" value="10"></div></section>
    <section class="pb-8 md:pb-3"><div class="flex"><h2 class="mb-2 text-xl font-medium"><span class="capitalize">Writing mode</span></h2>
    </div>
  <div><div class="-m-1"><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg     bg-white" style="">Horizontal
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg  border-blue-300 bg-gray-700 text-white" style="">Vertical
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button></div></div></section>
    <section class="pb-8 md:pb-3"><div class="flex"><h2 class="mb-2 text-xl font-medium"><span class="capitalize">Disable Wheel Navigation</span></h2>
    </div>
  <div><div class="-m-1"><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg  border-blue-300 bg-gray-700 text-white" style="">Off
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg     bg-white" style="">On
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button></div></div></section>
    <section class="pb-8 md:pb-3"><div class="flex"><h2 class="mb-2 text-xl font-medium"><div data-popover class="flex items-center"><div><span class="capitalize">Close Confirmation</span></div>
  <div><svg class="svelte-fa mx-2 svelte-1w3t65e" style="height:1em;vertical-align:-.125em;transform-origin:center;overflow:visible" viewBox="0 0 512 512" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg"><g transform="translate(256 256)" transform-origin="128 0"><g transform="translate(0,0) scale(1,1)"><path d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM288 352c0 17.7-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32z" fill="currentColor" transform="translate(-256 -256)"></path></g></g></svg></div></div>

</h2>
    </div>
  <div><div class="-m-1"><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg  border-blue-300 bg-gray-700 text-white" style="">Off
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg     bg-white" style="">On
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button></div></div></section>
    <section class="pb-8 md:pb-3"><div class="flex"><h2 class="mb-2 text-xl font-medium"><div data-popover class="flex items-center"><div><span class="capitalize">Auto Bookmark</span></div>
  <div><svg class="svelte-fa mx-2 svelte-1w3t65e" style="height:1em;vertical-align:-.125em;transform-origin:center;overflow:visible" viewBox="0 0 512 512" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg"><g transform="translate(256 256)" transform-origin="128 0"><g transform="translate(0,0) scale(1,1)"><path d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM288 352c0 17.7-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32z" fill="currentColor" transform="translate(-256 -256)"></path></g></g></svg></div></div>

</h2>
    </div>
  <div><div class="-m-1"><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg  border-blue-300 bg-gray-700 text-white" style="">Off
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg     bg-white" style="">On
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button></div></div></section>
    <section class="pb-8 md:pb-3"><div class="flex"><h2 class="mb-2 text-xl font-medium"><span class="capitalize">Blur image</span></h2>
    </div>
  <div><div class="-m-1"><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg     bg-white" style="">Off
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg  border-blue-300 bg-gray-700 text-white" style="">On
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button></div></div></section>
    <section class="pb-8 md:pb-3"><div class="flex"><h2 class="mb-2 text-xl font-medium"><span class="capitalize">Hide furigana</span></h2>
    </div>
  <div><div class="-m-1"><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg  border-blue-300 bg-gray-700 text-white" style="">Off
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg     bg-white" style="">On
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button></div></div></section>
    <section class="pb-8 md:pb-3"><div class="flex"><h2 class="mb-2 text-xl font-medium"><div data-popover class="flex items-center"><div><span class="capitalize">Hide furigana style</span></div>
  <div><svg class="svelte-fa mx-2 svelte-1w3t65e" style="height:1em;vertical-align:-.125em;transform-origin:center;overflow:visible" viewBox="0 0 512 512" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg"><g transform="translate(256 256)" transform-origin="128 0"><g transform="translate(0,0) scale(1,1)"><path d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM288 352c0 17.7-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32z" fill="currentColor" transform="translate(-256 -256)"></path></g></g></svg></div></div>

</h2>
    </div>
  <div><div class="-m-1"><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg  border-blue-300 bg-gray-700 text-white" style="">Partial
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg     bg-white" style="">Full
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg     bg-white" style="">Toggle
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button></div></div></section>
    <section class="pb-8 md:pb-3"><div class="flex"><h2 class="mb-2 text-xl font-medium"><div data-popover class="flex items-center"><div><span class="capitalize">Avoid Page Break</span></div>
  <div><svg class="svelte-fa mx-2 svelte-1w3t65e" style="height:1em;vertical-align:-.125em;transform-origin:center;overflow:visible" viewBox="0 0 512 512" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg"><g transform="translate(256 256)" transform-origin="128 0"><g transform="translate(0,0) scale(1,1)"><path d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM288 352c0 17.7-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32z" fill="currentColor" transform="translate(-256 -256)"></path></g></g></svg></div></div>

</h2>
    </div>
  <div><div class="-m-1"><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg  border-blue-300 bg-gray-700 text-white" style="">Off
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg     bg-white" style="">On
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button></div></div></section>
      <section class="pb-8 md:pb-3"><div class="flex"><h2 class="mb-2 text-xl font-medium"><div data-popover class="flex items-center"><div><span class="capitalize">Selection to Bookmark</span></div>
  <div><svg class="svelte-fa mx-2 svelte-1w3t65e" style="height:1em;vertical-align:-.125em;transform-origin:center;overflow:visible" viewBox="0 0 512 512" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg"><g transform="translate(256 256)" transform-origin="128 0"><g transform="translate(0,0) scale(1,1)"><path d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM288 352c0 17.7-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32z" fill="currentColor" transform="translate(-256 -256)"></path></g></g></svg></div></div>

</h2>
    </div>
  <div><div class="-m-1"><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg  border-blue-300 bg-gray-700 text-white" style="">Off
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button><button class="m-1 rounded-md border-2 border-gray-400 p-2 text-lg     bg-white" style="">On
      <span class="absolute inset-0 h-full w-full">
  
  </span>
    </button></div></div></section>
      </div></div></div>




<span style="font-family: Noto Serif JP"></span>




		<script type="module" data-sveltekit-hydrate="5q7srv">
			import { start } from "./_app/immutable/start-31285994.js";

			start({
				env: {},
				paths: {"base":"","assets":""},
				target: document.querySelector('[data-sveltekit-hydrate="5q7srv"]').parentNode,
				version: "1682741589948",
				hydrate: {
					node_ids: [0, 6],
					data: [{type:"data",data:null,uses:{}},null],
					form: null
				}
			});
		</script>
	</div>
  </body>
</html>
